<a zf-close class="close-button hide-for-medium">&times;</a>
<a ui-sref="home" class="expand button">Getting Started</a>
<section>
  <ul class="menu-bar vertical">
    <li class="title">Setup</li>
    <li ui-sref-active="is-active"><a ui-sref="installation">Installation</a></li>
    <li ui-sref-active="is-active"><a ui-sref="compatibility">Compatibility</a></li>
    <li ui-sref-active="is-active"><a ui-sref="changelog">Changelog</a></li>
  </ul>
</section>
<section>
  <ul class="menu-bar vertical">
    <li class="title">Angular</li>
    <li ui-sref-active="is-active"><a ui-sref="angular">Overview</a></li>
    <li ui-sref-active="is-active"><a ui-sref="angular-modules">Angular Modules</a></li>
    <li ui-sref-active="is-active"><a ui-sref="touch-gestures">Touch Gestures</a></li>
  </ul>
</section>
<section>
  <ul class="menu-bar vertical">
    <li class="title">Sass</li>
    <li ui-sref-active="is-active"><a ui-sref="sass">Overview</a></li>
    <li ui-sref-active="is-active"><a ui-sref="motion-ui">Motion UI</a></li>
    <li ui-sref-active="is-active"><a ui-sref="media-queries">Media Queries</a></li>
  </ul>
</section>
<section>
  <ul class="menu-bar vertical">
    <li class="title">Layout</li>
    <li ui-sref-active="is-active"><a ui-sref="grid">Grid</a></li>
    <li ui-sref-active="is-active" class="has-js"><a ui-sref="panel">Panel</a></li>
  </ul>
</section>
<section>
  <ul class="menu-bar vertical">
    <li class="title">Navigation</li>
    <li ui-sref-active="is-active" class="has-js"><a ui-sref="action-sheet">Action Sheet</a></li>
    <li ui-sref-active="is-active"><a ui-sref="menu-bar">Menu Bar</a></li>
    <li ui-sref-active="is-active" class="has-js"><a ui-sref="off-canvas">Off-canvas Menu</a></li>
    <li ui-sref-active="is-active"><a ui-sref="title-bar">Title Bar</a></li>
  </ul>
</section>
<section>
  <ul class="menu-bar vertical">
    <li class="title">Callouts</li>
    <li ui-sref-active="is-active" class="has-js"><a ui-sref="modal">Modal</a></li>
    <li ui-sref-active="is-active" class="has-js"><a ui-sref="notification">Notification</a></li>
  </ul>
</section>
<section>
  <ul class="menu-bar vertical">
    <li class="title">Controls</li>
    <li ui-sref-active="is-active"><a ui-sref="button">Button</a></li>
    <li ui-sref-active="is-active"><a ui-sref="forms">Forms</a></li>
  </ul>
</section>
<section>
  <ul class="menu-bar vertical">
    <li class="title">Content</li>
    <li ui-sref-active="is-active" class="has-js"><a ui-sref="accordion">Accordion</a></li>
    <li ui-sref-active="is-active"><a ui-sref="block-list">Block List</a></li>
    <li ui-sref-active="is-active"><a ui-sref="card">Card</a></li>
    <li ui-sref-active="is-active" class="has-js"><a ui-sref="interchange">Interchange</a></li>
    <li ui-sref-active="is-active"><a ui-sref="labels-badges">Labels &amp; Badges</a></li>
    <li ui-sref-active="is-active" class="has-js"><a ui-sref="popup">Popup</a></li>
    <li ui-sref-active="is-active" class="has-js"><a ui-sref="tabs">Tabs</a></li>
    <li ui-sref-active="is-active"><a ui-sref="typography">Typography</a></li>
    <li ui-sref-active="is-active" class="has-js"><a ui-sref="iconic">Iconic</a></li>
  </ul>
</section>
<section>
  <ul class="menu-bar vertical">
    <li class="title">Helpers</li>
    <li ui-sref-active="is-active"><a ui-sref="utilities">Utility Classes</a></li>
    <li ui-sref-active="is-active"><a ui-sref="functions-mixins">Functions and Mixins</a></li>
  </ul>
</section>